<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="utf-8" />
        <title>用户登录</title>
        <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}" />
	    <link rel="stylesheet" th:href="@{/plugin/Font-Awesome/css/font-awesome.css}">
	
	<style type="text/css">
	body{
      background-image: url(../img/hzw3.jpg);
	  background-size: cover;
	}
	.mainView{
	
	}
	.loginView{
		margin-top: 15%;
		margin-left: 25%;
	}
	.img{
		width:100%;
		height:100%;
	}
	.input-button{
		-webkit-tap-highlight-color: rgba(255, 0, 0, 0);
	    width:80%;
		font-size:40px;
		height:60px;
		background-color:transparent;
		border:0;
		-web-kit-appearance:none;
		-moz-appearance: none;
		outline:0;
		padding:10px;
	}

	#loginright{
	
	background-color:rgba(255,255,240,0.5);
	//background-color:white;

	height:100%;
	}
	.login-height{
	width:100%;
	height:300px;
	}
	.input-message{
	  width:90%;
	  float:left;
	  margin-top:20px;
	  margin-left:30px;
      border-bottom:1px solid gray;
	  }
	  #submitbtn{
	  	  width:100%;
	  	  margin-top:20px;
		  margin:0 auto;
		  text-align:center;
	  }
	  #btnSubmit{
	  background-color:#999999;
	  margin-top:40px;
	  width:80%;
	  height:50px;
	  font-size:25px;
	  border-radius:30px;
	  outline:0;
	  }
	  
	</style>
  </head>
  
  <body onkeydown="keyLogin();">
  <input hidden id="flag"  th:value="${flag}">
      <div class="mainView">
			    <div class="loginView">
					<div class="col-md-4"  style="padding-right:0">
					     <div class="login-height">
		                     <img class="img" alt="" src="../img/hzw.jpg">
						 </div>
					</div>
					<div class="col-md-4" id="loginright" style="padding-right:0;padding-left:0;">
					     <div class="login-height">
								<div class="input-message">
								    <i class="fa fa-user" style="font-size:50px;margin-top:10px;"></i>
									<input type="text" class="input-button" name="username" id="username"  AUTOCOMPLETE="off" placeholder="username">
								</div>

								<div class="input-message">
								    <i class="fa fa-lock" style="font-size:50px;margin-top:10px;margin-left:4px;"></i>
								    <input type="password" class="input-button" name="password" id="password"   AUTOCOMPLETE="off" placeholder="password">
								</div>
<!--							 <div class="input-message">
								 <div class="row" th:if="${captchaEnabled==true}">
									 <div class="col-xs-6">
										 <input type="text" name="validateCode" class="form-control code" placeholder="验证码" maxlength="5">
									 </div>
									 <div class="col-xs-6">
										 <a href="javascript:void(0);" title="点击更换验证码">
											 <img th:src="@{captcha/captchaImage(type=${captchaType})}" class="imgcode" width="85%"/>
										 </a>
									 </div>
								 </div>
						     </div>-->
								<div id="submitbtn">
									<input type="button" name="btnSubmit" id="btnSubmit" value="Login">
								</div>

						</div>
					</div>
				</div>

	    </div>
		<script th:src="@{/js/jquery-3.3.1.js}"></script>
        <script th:src="@{/ajax/layer/layer.min.js}"></script>
        <script th:src="@{/js/login.js}"></script>
	<script type="text/javascript" color="0,0,0" src="//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>
  </body>
</html>
